<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no"/>
    <title>E.Life</title>
    <link rel="stylesheet" href="css/reset.css"/>
    <link rel="stylesheet" href="icon/iconfont.css"/>
    <style>
        .list{padding-top: 2rem;}
        .list ul{padding: 0 1rem 0 6.5rem;}
        .list ul li{margin-bottom: 0.75rem;position: relative;}
        .list ul li span{position: absolute;left: -3.15rem;font-size: 0.7rem;color: #999;line-height: 0.9rem;}
        .list ul li p{color: #eee;font-size: 0.8rem;margin-left: 0.5rem;}
        .btn{padding: 0 2rem;margin-top: 1.5rem;}
        .btn a{display: block;background-color: #fbb701;color: #fff;font-size: 0.7rem;text-align: center;padding: 0.5rem 0;border-radius: 0.25rem;}
        .bottom{font-size: 0.6rem;text-align: center;margin-top: 1.5rem;}
    </style>
</head>
<body>
<div class="container">
    <div class="list">
        <ul>
            <li>
                <span>会员昵称 :</span>
                <p>Keven</p>
            </li>
            <li>
                <span>联系电话 :</span>
                <p>13402898938</p>
            </li>
            <li>
                <span>课程类别 :</span>
                <p>健身</p>
            </li>
            <li>
                <span>预约时间 :</span>
                <p>3月16 12:00</p>
            </li>
            <li>
                <span>上课地点 :</span>
                <p>成都市武侯区都城雅颂（南区）荣华路29号</p>
            </li>
            <li>
                <span>合计金额 :</span>
                <p>￥359</p>
            </li>
        </ul>
    </div>
    <div class="btn">
        <a href="">信息无误，确定支付</a>
    </div>
    <p class="bottom">开课前半小时后将不能退款</p>
</div>
</body>
</html>